<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表标签</title>
</head>
<body>
     <!-- ul无序列表，也就是说没有排列限制可以随意加li -->
     <!-- type属性：默认表示实心小圆点，square表示前面符号是实心方形，circle空心圆形 -->
     <ul type="circle">
        <li>首页</li>
        <li>产品展示页</li>
        <li>友商公司</li>
        <li>联系我们</li>
     </ul>

     <!-- ol有序列表，会按照你写的li前后依次排列 -->
     <!-- type属性：默认是1,2,…，i就是i,ii,….，I和a和A -->
     <ol type="A">
         <li>选我</li>
         <li>选他</li>
         <li>全选</li>
         <li>全不选</li>
     </ol>

     <!--  
        dl定义分层列表，会默认前后层级关系。
        以 <dl> 标签开始。每个列表项以 <dt> 开始。每个列表项的定义以 <dd> 开始。
     -->
     <dl>小学一年级
        <dt>数学
            <dd>90</dd>       
            <dd>100</dd>  
        </dt>
        <dt>英语
            <dd>80</dd>       
            <dd>95</dd>  
        </dt>  
     </dl>
</body>
</html>